<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>18-Css画三角形</title>
		<style type="text/css">
			*{
				margin:0;
				padding:0;
			}
			/**
			 * 1. 设置一个盒子 
			 * 2. 设置四周不同颜色的边框 
			 * 3. 将盒子宽高设置为0，仅保留边框 
			 * 4. 得到四个三角形，选择其中一个后，其他三角形（边框）设置颜色为透明
			 */
			.box{
				width: 0px;
				height: 0px;
				/* background: #000; */
				margin:30px auto;
				border-left: 5px solid transparent;
				border-right:5px solid blue;
				border-top:5px solid transparent;
				border-bottom: 5px solid transparent;
			}
		</style>
	</head>
	<body>
		<div class="box"></div>
	</body>
</html>
